.etichette08 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; text-align: justify; font-style: normal; line-height: normal; font-weight: normal; color: #000000}
.etichette10 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: justify; font-style: normal; line-height: normal; font-weight: normal; color: #000000}
.etichette12 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; font-style: normal; line-height: normal; font-weight: normal; color: #000000}
.etichette14{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-align: justify; font-style: normal; line-height: normal; font-weight: normal; color: #000000}
.etichettegr12 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; font-style: normal; line-height: normal; font-weight: bold; color: #000000}
.etichettegr14{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-align: justify; font-style: normal; line-height: normal; font-weight: bold; color: #000000}

.giustificato08 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; text-align: justify; font-style: normal; line-height: normal; font-weight: normal; color: #12249F}
.giustificato10 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: justify; font-style: normal; line-height: normal; font-weight: normal; color: #12249F}
.giustificato12 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; font-style: normal; line-height: normal; font-weight: normal; color: #12249F}
.giustificato12importo {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: right; font-style: normal; line-height: normal; font-weight: normal; color: #12249F}
.giust12maiuscolo {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;text-align: justify;font-style: normal;	line-height: normal;font-weight: normal;color: 12249F;text-transform: uppercase;}
.giustificato12arancio {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; font-style: normal; line-height: normal; font-weight: normal; color: #CC6633}
.giustificato14 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-align: justify; font-style: normal; line-height: normal; font-weight: normal; color: #12249F}
.left10 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; font-style: normal; line-height: normal; font-weight: normal; color: #12249F}

.grassetto24 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; line-height: normal; font-weight: bold; color: #12249F}
.grassetto18 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; line-height: normal; font-weight: bold; color: #12249F}
.grassetto16rosa {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; color: #FFB0B0;text-decoration: none}
.grassetto16 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; color: #12249F;text-decoration: none}
.grassetto14 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; color: #12249F}
.grassetto12 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; color: #12249F}
.grassetto10 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: bold; color: #12249F}
.grassetto08 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; font-style: normal; line-height: normal; font-weight: bold; color: #12249F}

.rosso08 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; text-align: justify; font-style: normal; line-height: normal; font-weight: normal; color: #F92B38}
.rosso12 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; font-style: normal; line-height: normal; font-weight: normal; color: #F92B38}
.rosso14 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-align: justify; font-style: normal; line-height: normal; font-weight: normal; color: #F92B38}
.rosso10gr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: justify; font-style: normal; line-height: normal; font-weight: bold; color: #F92B38}
.rosso14gr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-align: justify; font-style: normal; line-height: normal; font-weight: bold; color: #F92B38}
.rosso18gr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-align: justify; font-style: normal; line-height: normal; font-weight: bold; color: #F92B38}

.bianco16 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: justify; font-style: normal; line-height: normal; font-weight: bold; color: #FFFFFF}

.titoli { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: justify; font-style: normal; line-height: normal; font-weight: bold; color: #12249F}
.titoliarancio { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: justify; font-style: normal; line-height: normal; font-weight: bold; color: #CC6633}
td .coloresfondotitoli {background-color: #94AFC0;}

.nominativi { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; color: #000000 ; text-transform: capitalize}

.bottoni { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; font-style: normal; line-height: normal; font-weight: normal; color: #000000 }
.bottoni10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; font-style: normal; line-height: normal; font-weight: normal; color: #000000 }
.bottoni12 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; font-style: normal; line-height: normal; font-weight: normal; color: #000000 }

.datinorm { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: #000000 ; line-height: normal; font-weight: normal; text-transform: none}

 A:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #12249F}
 A:visited  { font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #12249F}
 A:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #F92B38; text-decoration: none}

.container_450{width:450px;display:inline-block;}
.container_530{width:530px;display:inline-block;}
.container_960{width:960px;display:inline-block;}

input, textarea, select {
    background: #FFFFFF;
    border: 1px solid #62748C;
    color: #62748C;
    padding: 0 5px;    
}


#formcontatto {
    margin: 10px auto;
    background: #94AFC0;
    padding: 10px;
    overflow: hidden;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
	border: 1px solid;
	border-color:#330099;
}

#formlogin {
    margin: 5px auto;
    background: #FFFF99;
    padding: 4px;
    overflow: hidden;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
	border: 1px solid;
	border-color:#330099;
}

.loginimage {background-image: url(images/logostampe.gif); background-repeat: repeat; background-color:#FFFFCC}

#tabellacolsfondo {margin:0 px; padding: 0 px; border: 0px solid; width:100%; background-color: #FFFFFF; vertical-align:top} 

#tabellacolsfondobordi {margin:0 px; padding: 0 px; border: 1px solid #000; width:100%; background-color: #FFFFFF; vertical-align:top;} 

#tabella_lista
{
	background: #FFFFFF url('../images/logoTL.png') 350px 120px no-repeat; 
	border: 1px solid #004785;
	border-collapse: collapse;
	width: 100%;
}
#tabella_lista th {border-bottom: 2px solid #004785; background: #e0db05; padding: 2 px;}
#tabella_lista td {border: 1px solid #004785; padding: 2 px;}


#tabella_listanosfondo
{
	background: #FFFFFF;
	border: 1px solid #004785;
	border-collapse: collapse;
	width: 100%;
}

#tabella_listanosfondo th {border-bottom: 2px solid #004785; background: #e0db05;padding: 2 px;}
#tabella_listanosfondo td {border: 1px solid #004785;padding: 2 px;}


#EMAIL { background: #FFFFFF url('images/invio_email.gif') no-repeat 7px;  padding-left: 25px; }
#nome { background: #FFFFFF url('images/utenteform.png') no-repeat 7px;  padding-left: 23px; }
#cognome { background: #FFFFFF url('images/utenteform.png') no-repeat 7px;  padding-left: 23px; }
#telefono { background: #FFFFFF url('images/cellulare.png') no-repeat 7px;  padding-left: 23px; }
#password { background: #FFFFFF url('images/password.jpg') no-repeat 7px;  padding-left: 23px; }
#utente { background: #FFFFFF url('images/utenteform.png') no-repeat 7px;  padding-left: 23px; }
#data { background: #FFFFFF url('images/smallico_Calendar.gif') no-repeat 7px;  padding-left: 25px; }
#datan { background: #FFFFFF url('images/smallico_Calendar.gif') no-repeat 7px;  padding-left: 25px; }
#CertificatoMedico { background: #FFFFFF url('images/smallico_Calendar.gif') no-repeat 7px;  padding-left: 25px; }

#submit {padding: 0; width: 120px; background: #0F0;}
#submit2 {padding: 0; width: 120px; background: #F00;}
#submit3 {padding: 0; width: 120px; background: #94AFC0;}


.topmenu{position: fixed; bottom: 300px; right:10;}

/* ==========================================================================
   RESPONSIVE - area di gestione (/manutenzione/)
   Blocco additivo: NON modifica il layout desktop.
   Incollare in fondo a stile.css.
   NOTA: perche' abbia effetto su smartphone, le pagine .asp della cartella
   /manutenzione/ devono avere nel <head> il meta viewport:
   <meta name="viewport" content="width=device-width, initial-scale=1">
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }

img { max-width: 100%; height: auto; }

/* Riquadri/form a larghezza fissa resi fluidi (il desktop resta uguale
   grazie a max-width pari alla dimensione originale) */
#formlogin            { width: 100% !important; max-width: 450px; }
#formcontatto         { width: 100% !important; max-width: 600px; }
#tabellacolsfondobordi{ width: 100% !important; }
.container_450        { width: 100% !important; max-width: 450px; }
.container_530        { width: 100% !important; max-width: 530px; }
.container_960        { width: 100% !important; max-width: 960px; }
input, textarea, select { max-width: 100%; }

#menu_admin{ display:flex; flex-wrap:wrap; align-items:stretch; background:#C45B26; margin:0; }
#menu_admin a{ padding:9px 15px; color:#fff; text-decoration:none; font-family:Verdana,Arial,sans-serif; font-size:13px; font-weight:bold; }
#menu_admin a:hover{ background:rgba(0,0,0,.18); }
.menu-toggle, .menu-toggle-btn{ display:none; }

/* Tablet / finestre strette */

@media (max-width: 1000px) {

  /* Le tabelle di impaginazione a larghezza fissa in pixel (es. <table width="750">)
     diventano blocchi fluidi impilati. Sono escluse le tabelle con width="100%"
     (comprese le tabelle dati qui sotto), che restano vere tabelle. */
  table[width]:not([width$="%"]):not(#tabella_lista):not(#tabella_listanosfondo):not(#tab_dati):not(.tab_dati) {
      display: block !important; width: 100% !important;
  }
  table[width]:not([width$="%"]):not(#tabella_lista):not(#tabella_listanosfondo):not(#tab_dati):not(.tab_dati) > tbody,
  table[width]:not([width$="%"]):not(#tabella_lista):not(#tabella_listanosfondo):not(#tab_dati):not(.tab_dati) > tbody > tr,
  table[width]:not([width$="%"]):not(#tabella_lista):not(#tabella_listanosfondo):not(#tab_dati):not(.tab_dati) > tbody > tr > td {
      display: block !important; width: auto !important; height: auto !important;
  }
  
  html { overflow-x: hidden; }
  .titolopag td, .titolopag{ white-space:normal !important; }

  /* Le tabelle dati/elenco restano tabelle e scorrono orizzontalmente
     quando sono piu' larghe dello schermo. */
  
  #tabella_lista, #tabella_listanosfondo, #tab_dati, .tab_dati {
    display: block !important;
    width: auto !important; max-width: 100% !important;   /* era: width:100% */
    overflow-x: auto !important; -webkit-overflow-scrolling: touch;
	}
}


@media (max-width:820px){
  /* Box filtri */
  #box_filtri, .box_filtri{ width:100% !important; box-sizing:border-box; }
  #box_filtri, #box_filtri tbody, #box_filtri tr, #box_filtri td, #box_filtri table, #box_filtri table tbody, #box_filtri table tr, #box_filtri table td,
  .box_filtri, .box_filtri tbody, .box_filtri tr, .box_filtri td, .box_filtri table, .box_filtri table tbody, .box_filtri table tr, .box_filtri table td{ display:block !important; width:auto !important; }
  #box_filtri td, #box_filtri div[align], .box_filtri td, .box_filtri div[align]{ text-align:left !important; }
  #box_filtri td, .box_filtri td{ padding:3px 8px; }
  #box_filtri input[type=text], #box_filtri select, .box_filtri input[type=text], .box_filtri select{ width:100% !important; max-width:280px; box-sizing:border-box; margin-top:2px; }
  #box_filtri input[type=submit], .box_filtri input[type=submit]{ margin:8px; }

  /* Barra azioni e tabelle dati: scorrono */
  #barra_azioni, .barra_azioni, #tab_dati, .tab_dati{
    display:block !important; width:auto !important; max-width:100vw !important;
    overflow-x:auto !important; -webkit-overflow-scrolling:touch;
  }
  
    .menu-toggle-btn{ display:block; background:#C45B26; color:#fff; padding:12px 14px;
     font-family:Verdana,sans-serif; font-weight:bold; font-size:15px; cursor:pointer; -webkit-user-select:none; user-select:none; }
  #menu_admin{ display:none; flex-direction:column; }
  .menu-toggle:checked ~ #menu_admin{ display:flex; }
  #menu_admin a{ border-top:1px solid rgba(255,255,255,.25); padding:12px 15px; }
  
}

/* Smartphone: box di login e relative tabelle interne a tutta larghezza */
@media (max-width: 768px) {
  .loginimage { width: 100% !important; }
  #formlogin, #formlogin table { width: 100% !important; }
}

/* Smartphone piccoli: titolo piu' compatto */
@media (max-width: 480px) {
  span.titoli { font-size: 14px; }
}

@media (max-width:600px){
  #form_dati table, #form_dati tbody, #form_dati tr, #form_dati td{ display:block !important; width:auto !important; }
  #form_dati td{ text-align:left !important; padding:2px 6px; }
  #form_dati input[type=text], #form_dati input[type=password], #form_dati select, #form_dati textarea{
    width:100% !important; max-width:100% !important; box-sizing:border-box; margin-top:2px;
  }
  #form_dati input[type=checkbox]{ width:auto !important; }
  #form_dati input[type=submit]{ width:auto !important; margin:8px 6px; }
}